<template>
  <ul>
      <!-- 原方式 -->
      <!-- <li>消息编号: {{$route.params.id}}</li> -->
      <!-- <li>消息标题: {{$route.params.title}}</li> -->

      <!-- 路由的props配置-->
      <li>消息编号: {{id}}</li>
      <li>消息标题: {{title}}</li>
  </ul>
</template>

<script>
  export default {
    name:'Detail',
    props:['id','title']
  }
</script>

<style scoped>
  
</style>